<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" 
 		type="text/javascript"></script>

<script type="text/javascript">
   $(document).ready(function(){   
     $("div").css("border","3px solid red");
	 $("#p1").click(function () 
	 {
         alert("Hehe");
     });
	 $("#btnClick").click(function(){
			//var name = $("#txtName").val();
			//$("#txtName").val("ngocnv");
			//alert(name);					   
			$("p").toggle(2000);

	 });
 });   
</script>

<body>
<div id="notMe"><p id="p1">id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
<form id="form1" name="form1" method="post" action="">
  <label for="txtName">Name</label>
    <input type="text" name="txtName" id="txtName" />
  <label>
      <input type="button" name="btnClick" id="btnClick" value="Button" />
  </label>
</form>
<hr />
<p>Hello</p>
 <p style="display: none">Good Bye</p>

</body>
</html>
